.my-bar{
    background-size: 100% 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    height:2.5rem;
    width:100%;
}
.my-tab-item{
    position: relative;
    display: table-cell;
    width: 1%;
    height: 2.5rem;
    color: #929292;
    text-align: center;
    vertical-align: middle;
}
.icon-pic{
    display: block;
    top: .05rem;
    line-height: 1.2rem;
    padding-top: 0;
    padding-bottom: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
}
.my-tab-item span{
    font-size: 0.3rem;
}
.my-icon-home{
    background: url('../img/nav-home.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.my-icon-home-sel{
    background: url('../img/nav-home-sel.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.my-icon-mess{
    background: url('../img/nav-message.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.my-icon-mess-sel{
    background: url('../img/nav-message-sel.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.my-icon-discover{
    background: url('../img/nav-discover.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.my-icon-discover-sel{
    background: url('../img/nav-discover-sel.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.my-icon-me{
    background: url('../img/nav-me.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.my-icon-me-sel{
    background: url('../img/nav-me-sel.png') no-repeat;
    -webkit-background-size: 1.2rem 1.2rem;
    background-size: 1.2rem 1.2rem;
}
.font-color-active{
    color:#24C8CA;
}